<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<title>首页</title>
	<jsp:include page="base/header.jsp"></jsp:include>
	<link rel="stylesheet" type="text/css" href="static/ssjf/css/index.css">
	<script type="text/javascript" src="static/ssjf/js/index.js"></script>
</head>
<body>
	<div class="container">
		<div class="row title bgcolor-2065b1">
			<div class="col-1 col-sm-1" >
				<img onclick="javascript:location.href='ssjf/page/login.html'" src="static/ssjf/img/index/menu.png" /></div>
			<div class="col-10 col-sm-10">首页</div>
			<div class="col-1 col-sm-1">
				<img onclick="javascript:location.href='ssjf/page/upload.html'" src="static/ssjf/img/index/add.png" alt="上传产品"/>
			</div>
		</div>
		<!-- slider -->
		<div class="row slider">
			<div id="indexIndicators" class="carousel slide" data-ride="carousel">
			  <ol class="carousel-indicators">
			  	<c:forEach var="img" items="${slider }" varStatus="vs">
			  		<c:if test="${vs.index == 0 }">
					    <li data-target="#indexIndicators" data-slide-to="${vs.index }" class="active"></li>
				    </c:if>
				    <c:if test="${vs.index != 0 }">
					    <li data-target="#indexIndicators" data-slide-to="${vs.index }"></li>
				    </c:if>
			    </c:forEach>
			  </ol>
			  <div class="carousel-inner">
			  	<c:forEach var="img" items="${slider }" varStatus="vs">
			  		<c:if test="${vs.index == 0 }">
					    <div class="carousel-item active">
					      <img class="d-block w-100 h-10r" src="${img.urlInfor }" alt="${img.remark }">
					    </div>
				    </c:if>
				    <c:if test="${vs.index != 0 }">
					    <div class="carousel-item">
					      <img class="d-block w-100 h-10r" src="${img.urlInfor }" alt="${img.remark }">
					    </div>
				    </c:if>
			    </c:forEach>
			  </div>
			</div>
		</div>
		<div class="row title_2">
			<div onclick="javascript:location.href='ssjf/page/about.html'"><img src="static/ssjf/img/index/title_01.png"><span>关于我们</span></div>
			<div onclick="javascript:location.href='ssjf/page/news.html'"><img src="static/ssjf/img/index/title_02.png"><span>新闻资讯</span></div>
			<div onclick="javascript:location.href='ssjf/page/recommend.html'"><img src="static/ssjf/img/index/title_03.png"><span>推荐产品</span></div>
			<div onclick="javascript:location.href='ssjf/page/recommend.html#need'"><img src="static/ssjf/img/index/title_04.png"><span>融资需求</span></div>
			<div onclick="javascript:location.href='ssjf/page/help.html'"><img src="static/ssjf/img/index/title_05.png"><span>帮助中心</span></div>
		</div>
		<div class="row grey_row"></div>
		<div class="row notif">
			<div class="col-2"><img src="static/ssjf/img/index/notif.png"></div>
			<div class="col-10">
				<marquee id="notif_marquee" direction="up" scrollamount="1" scrolldelay="2">
					<c:forEach var="news" items="${newNewses }" varStatus="vs">
						<div><img height="12rem" src="static/ssjf/img/index/notif_1.png">&nbsp;${vs.count }:${news.title }</div>
					</c:forEach>
				</marquee>
			</div>
		</div>
		<div class="row grey_row"></div>
		<div class="row title_3">
			<div class="col-2"></div>
			<div class="col-2">
				<span class="blue_line"></span>
			</div>
			<div class="col-4">
				对接查询
			</div>
			<div class="col-2">
				<span class="blue_line"></span>
			</div>
		</div>
		<div class="row connection">
			<div class="col-5 connection_a">
				<div class="row">
					<span class="blue_verline"></span><span>企业融资对接</span>
				</div>
				<ul>
					<li onclick="javascript:location.href='ssjf/user/allstate.html?val=2'"><img src="static/ssjf/img/index/conn_a_1.png"><span>注册状态</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/allstate.html?val=2'"><img src="static/ssjf/img/index/conn_a_2.png"><span>
					信用积分</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/list.html?type=com_a&userTypeId=000001&pageSize=10'"><img src="static/ssjf/img/index/conn_a_3.png"><span>金融机构</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/page/state2.html'"><img src="static/ssjf/img/index/conn_a_4.png"><span>融资产品</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/page/state.html#com'"><img src="static/ssjf/img/index/conn_1.png"><span>审核状态</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/list.html?type=com_b&userTypeId=000001&pageSize=10'"><img src="static/ssjf/img/index/conn_2.png"><span>对接结果</span></li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="col-2"></div>
			<div class="col-5 connection_b">
				<div class="row">
					<span class="blue_verline orange"></span><span>金融机构对接</span>
				</div>
				<ul>
					<li onclick="javascript:location.href='ssjf/user/allstate.html#blue'"><img src="static/ssjf/img/index/conn_b_1.png"><span>注册状态</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/allstate.html#blue'"><img src="static/ssjf/img/index/conn_b_2.png"><span>
					对接积分</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/page/state.html#bank'"><img src="static/ssjf/img/index/conn_1.png"><span>审核状态</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/list.html?type=bank_a&userTypeId=000002&pageSize=10'"><img src="static/ssjf/img/index/conn_b_2.png"><span>对接企业</span></li>
					<div class="clear"></div>
					<li onclick="javascript:location.href='ssjf/user/list.html?type=bank_b&userTypeId=000002&pageSize=10'"><img src="static/ssjf/img/index/conn_2.png"><span>对接结果</span></li>
					<div class="clear"></div>
				</ul>
			</div>
			<!-- <div class="clear"></div> -->
		</div>
		<div class="row grey_row"></div>
		<div class="row">
			<div class="col-12">
			<ul id="myTab" class="nav nav-tabs">
			    <li>
			    	<span class="js_link_a active show" href="#newPolicy" data-toggle="tab">最新政策</span>
			    	<span class="tab_line"></span>
			    </li>
			    <li>
			    	<span class="js_link_b" href="#statistics" data-toggle="tab">融资统计</span>
			    	<span class="tab_line" style="display: none;"></span>
			    </li>
			</ul>
			<div id="myTabContent" class="tab-content">
			    <div class="tab-pane fade in active show" id="newPolicy">
			    	<div class="row">
						<div class="col-4" onclick="javascript:location.href='ssjf/page/news2.html?id=02&val=1'"><img src="static/ssjf/img/index/policy_1.png"><span>国家政策</span></div>
						<div class="col-4" onclick="javascript:location.href='ssjf/page/news2.html?id=02&val=2'"><img src="static/ssjf/img/index/policy_2.png"><span>本地政策</span></div>
						<div class="col-4" onclick="javascript:location.href='ssjf/page/news2.html?id=02&val=3'"><img src="static/ssjf/img/index/policy_3.png"><span>热门项目</span></div>
					</div>
					<div class="row">
						<div class="col-4" onclick="javascript:location.href='ssjf/page/news2.html?id=02&val=4'"><img src="static/ssjf/img/index/policy_4.png"><span>金融政策</span></div>
						<div class="col-4" onclick="javascript:location.href='ssjf/page/news2.html?id=02&val=5'"><img src="static/ssjf/img/index/policy_5.png"><span>金融知识</span></div>
					</div>
			    </div>
			    <div class="tab-pane fade" id="statistics">
			        <div class="row">
			        	<div class="col-4">
			        		<div class="row statistics_detail">
			        			<div class="row padding0">
				        			<div class="col-8 statistics_number">${Stats.amount }</div>
						        	<div class="col-4 statistics_unit">万元</div>
					        	</div>
					        	<div class="row">
					        		<div class="col-12 statistics_title">累计融资金额</div>
				        		</div>
				        	</div>
			        	</div>
			        	<div class="col-4">
			        		<div class="row statistics_detail">
			        			<div class="row padding0">
				        			<div class="col-8 statistics_number">${Stats.investor }</div>
						        	<div class="col-4 statistics_unit">个</div>
					        	</div>
					        	<div class="row">
					        		<div class="col-12 statistics_title">注册金融机构</div>
				        		</div>
				        	</div>
			        	</div>
			        	<div class="col-4">
			        		<div class="row statistics_detail">
			        			<div class="row padding0">
				        			<div class="col-8 statistics_number">${Stats.company }</div>
						        	<div class="col-4 statistics_unit">人</div>
					        	</div>
					        	<div class="row">
					        		<div class="col-12 statistics_title">注册企业会员</div>
				        		</div>
				        	</div>
			        	</div>

				    </div>
				    <div class="row">
				    	<div class="col-4">
			        		<div class="row statistics_detail">
			        			<div class="row padding0">
				        			<div class="col-8 statistics_number">${Stats.product }</div>
						        	<div class="col-4 statistics_unit">种</div>
					        	</div>
					        	<div class="row">
					        		<div class="col-12 statistics_title">融资产品服务</div>
				        		</div>
				        	</div>
			        	</div>
			        	<div class="col-4">
			        		<div class="row statistics_detail">
			        			<div class="row padding0">
				        			<div class="col-8 statistics_number">${Stats.success }</div>
						        	<div class="col-4 statistics_unit">个</div>
					        	</div>
					        	<div class="row">
					        		<div class="col-12 statistics_title">对接成功项目</div>
				        		</div>
				        	</div>
			        	</div>
				    </div>
			    </div>
			</div>
			</div>
		</div>
		<div class="row grey_row"></div>
	</div>
	<div class="container footer">
		<div class="row">
			<div class="col-6 img100" onclick="javascript:location.href='ssjf/page/news2.html?id=03&val=0'"><img src="static/ssjf/img/index/footer/footer_1.png"></div>
			<div class="col-6 img100" onclick="javascript:location.href='ssjf/page/commentlist.html'"><img src="static/ssjf/img/index/footer/footer_2.png"></div>
		</div>
		<div class="row">
			<div class="col-6 img100" onclick="javascript:location.href='ssjf/page/credit.html'"><img src="static/ssjf/img/index/footer/footer_3.png"></div>
			<div class="col-6 img100" onclick="javascript:location.href='ssjf/page/credit.html#blue'"><img src="static/ssjf/img/index/footer/footer_4.png"></div>
		</div>
	</div>
</body>
</html>